<template>
  <div class="header_information page-container">
    <!-- 头部 -->
    <el-row class="header_name">
      <el-col
        :span="24"
        class="header_text"
      >
        <h1>参赛人员</h1>
      </el-col>
      <el-col :span="24">
        <div class="header_line"></div>
      </el-col>
    </el-row>

    <!-- 内容 -->
    <el-row>
      <el-col :span="24">
        <el-table
          v-loading="loading"
          empty-text="暂无数据..."
          :data="tableData"
          border
          style="width: 100%"
        >
          <el-table-column
            label="ID"
            prop="studentId"
            width="100"
          />
          <el-table-column
            label="机构名称"
            prop="name"
          />
          <el-table-column
            label="比赛项目"
            prop="eventName"
          >
            <template #default="scope">
              {{scope.row.eventName}}({{scope.row.startTime}})
            </template>
          </el-table-column>
          <el-table-column
            label="姓名"
            prop="studentName"
            width="100"
          />
          <el-table-column
            label="操作"
            prop="Address"
            width="100"
          >
            <template #default="scope">
              <el-dropdown
                trigger="click"
                @command="(value)=>handleOperate(value,scope.row)"
              >
                <span class="el_dropdown_link">
                  操作<el-icon class="el-icon--right"><arrow-down /></el-icon>
                </span>
                <template #dropdown>
                  <el-dropdown-menu>
                    <el-dropdown-item
                      :icon="Edit"
                      command="edit-info"
                    > 编辑 </el-dropdown-item>
                    <el-dropdown-item
                      :icon="Delete"
                      command="delect-item"
                    > 删除 </el-dropdown-item>
                    <!-- <el-dropdown-item @click="handleRegistration(scope.row.studentId,scope.row.eventId)"> 撤销报名 </el-dropdown-item> -->
                  </el-dropdown-menu>
                </template>
              </el-dropdown>
            </template>

          </el-table-column>
        </el-table>
      </el-col>
    </el-row>
  </div>
</template>

<script  setup>
import { getStatistics } from '@/api/manage/agentmenu/index.js'
import { onMounted, ref } from "vue";
// 机构审核
import instructorment from "./tabs/instructorment.vue";
// 学生报名审核
import entrycontestants from "./tabs/entrycontestants.vue";
// 获取userId
const userId = ref('')
const info_data = JSON.parse(localStorage.getItem('info_data'))

userId.value = info_data.userId

onMounted(() => {

})
</script>

<style lang="scss" scoped>
.header_information {
  padding: 20px;
  .header_name {
    margin-left: 10px;
    margin-right: 10px;
    .header_text {
      margin-left: -10px;
      margin-right: -10px;
    }
    h1 {
      font-size: 28px;
    }
    // 线
    .header_line {
      display: block;
      height: 1px;
      width: 100%;
      margin: 24px 0 20px 0;
      background-color: #8473f717;
    }
  }
  //   内容
  .el_row_btn {
    margin-bottom: 20px;
    .content {
      .content_top_btn {
        display: flex;

        justify-content: flex-end;
        .top_search_inp {
          width: 300px;
          height: 40px;
          margin-right: 5px;
        }
        .top_search_btn {
          width: 110px;
          margin-right: 5px;
        }
      }
    }
  }
  :deep(.el-table)__cell {
    padding: 12px 0 !important;
  }
  .over_text {
    font-size: 14px;
    line-height: normal;
  }
  :deep(.el-progress__text) {
    span {
      font-size: 14px;
    }
  }
  .divider {
    margin: 7px 0;
  }
  .progress {
    width: 300px;
  }
}
</style>